@layout("/common/_container.html",{js:["/assets/basic/basicPosition/basicPosition_add.js"]}){
<style>
	.layui-form-item {
    	margin-bottom: 2px;
	}
	.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    	border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
   	 	background-color: #e6e6e6;
	}


	.layui-form-pane .layui-form-label {
		background-color: #e6e6e6;
		width: 150px;
	}
	.layui-form-item .layui-input-inline {
		width: 250px;
	}


</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">Add Storage Location</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="basicPositionForm" lay-filter="basicPositionForm" class="layui-form layui-form-pane" style="max-width: 1350px;margin: 10px auto;">
                <input name="id" type="hidden"/>
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
			    	<legend>Add Storage Location Information</legend>
			  	</fieldset> 
                  <div class="layui-form-item">
				    <div class="layui-inline">
				      <label class="layui-form-label" style="font-weight: 600;">Warehouse<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" >
                            <select id="warehouseId" name="warehouseId" lay-filter="warehouseId" lay-verify="required" >
                            	<option value=""></option>
                                @for(item in wlist!){
                                <option value="${item.id}">${item.warehouseName}</option>
                                @}
                            </select>
				      </div>
				      <div class="layui-form-mid">    </div>
				      <label class="layui-form-label" >Warehouse Area<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" >
                            <select id="positionAreaId" name="positionAreaId" lay-filter="positionAreaId" lay-verify="required" >
                            </select>
				      </div>
				      <div class="layui-form-mid">    </div>
				      <label class="layui-form-label" >Position Number<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" >
                            <input id="positionNumber" name="positionNumber" placeholder="Enter position number" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
                            <label class="layui-form-label" >Position Type</label>
				      <div class="layui-input-inline" >
                            <select id="positionType" name="positionType" lay-verify="">
                                <option value="Storage Position">Storage Position</option>
                                <option value="Picking Position">Picking Position</option>
                            </select>
				      </div>
				    </div>
				  </div>
				  
                  <div class="layui-form-item">
				    <div class="layui-inline">
				      <label class="layui-form-label" >Storage Condition</label>
				      <div class="layui-input-inline" >
                            <input id="positionCondition" name="positionCondition" placeholder="Enter storage condition" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
				      <label class="layui-form-label" >Tray Capacity<span style="color: red;">*</span></label>
				      <div class="layui-input-inline" >
                            <input id="traySize" name="traySize" placeholder="Enter tray capacity" type="text" class="layui-input" lay-verify="required" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
				      <label class="layui-form-label" >Length</label>
				      <div class="layui-input-inline" >
                            <input id="positionLength" name="positionLength" placeholder="Enter length" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				      <div class="layui-form-mid">    </div>
				      <label class="layui-form-label" >Width</label>
				      <div class="layui-input-inline" >
                            <input id="positionWidth" name="positionWidth" placeholder="Enter width" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				    </div>
				  </div>
				  
                  <div class="layui-form-item">
				    <div class="layui-inline">
				      <label class="layui-form-label" >Height</label>
				      <div class="layui-input-inline" >
                            <input id="positionHeight" name="positionHeight" placeholder="Enter height" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				    </div>
				  </div>
				  
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 10px;">
			    	<legend>Picking Order</legend>
			  	</fieldset> 
                  <div class="layui-form-item">
				    <div class="layui-inline">
				      <label class="layui-form-label">Picking Order</label>
				      <div class="layui-input-inline" >
                            <input id="positionPickingorder" name="positionPickingorder" placeholder="Enter picking order" type="text" class="layui-input" lay-verify="" required/>
				      </div>
				    </div>
				  </div>
			  	
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">Notes</label>
                    <div class="layui-input-block">
				        <textarea placeholder="Enter content" class="layui-textarea" name="positionNotes"></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;Submit&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;Back&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}